<template>
    <div class="content_container">
        <div class="left_container management">
            <div class="title_management">
                <h2>权限管理</h2>
            </div>
            <div class="content_management">
                <el-tabs v-model="activeName" @tab-click="handleClick">
                    <el-tab-pane label="菜单权限" name="menu">
                        <menu-vue />
                    </el-tab-pane>
                    <el-tab-pane label="按钮权限" name="btn">
                        <button-vue />
                    </el-tab-pane>
                </el-tabs>
            </div>
        </div>
    </div>
</template>

<script>
import mixins from './mixins';
import buttonVue from './components/button'
import menuVue from './components/menu'
export default {
    name: 'GenecloudUiPromission',
    mixins: [mixins],
    components:{
        buttonVue,
        menuVue
    },
    data() {
        return {
            activeName: 'menu',
        };
    },
   
    mounted() {

    },

    methods: {
        handleClick(tab, event) {
            // console.log(tab, event);
        },
    },
};
</script>

<style lang="scss" scoped>
.title_management{
    margin-left: 30px;
}
.content_management {
    margin: 0 20px;

    ::v-deep .el-tabs__item {
        font-size: 20px;
        font-weight: 700;
    }

    ::v-deep .el-tabs__nav-wrap::after {
        width: 0;
    }

    
}


</style>